.register-layout {
    width: 980px;
    min-height: 100vh;
    padding: 60px 0;
    /* border: 1px solid #000; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    &>div:nth-of-type(1) {
        width: 980px;
        height: 90px;
        display: flex;
        align-items: center;
        border-bottom: 1px #E8EBEF solid;
        &>img {
            width: 180px;
            height: 30px;
            background: #999;
        }
    }
    &>div:nth-of-type(2) {
        width: 980px;
        height: 570px;
        padding: 60px 0;
        /* border: 1px solid #000; */
        display: flex;
        align-items: center;

        &>ul {
            list-style-type: none;
            width: 345px;
            padding: 0 40px;
            height: 570px;
            box-shadow: 0 2px 12px 0 rgba(224,229,236,0.60);
            &>li:nth-of-type(1) {
                width: 345px;
                height: 160px;
                display: flex;
                align-items: center;
                &>h3 {
                    font-size: 36px;
                    color: #000000;
                    line-height: 36px;
                    text-align: right;
                }
            }
            &>li:nth-of-type(2) {
                width: 345px;
                height: 36px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                &>ant-select {
                    width: 96px;
                    height: 36px;
                }
                &>input {
                    width: 240px;
                    height: 36px;
                }
            } 
            &>li:nth-of-type(3) {
                width: 345px;
                height: 36px;
                margin-top: 20px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                &>span {
                    width: 80px;
                    height: 36px;
                    line-height: 36px;
                    border-radius: 2px;
                    border-radius: 2px;
                    font-size: 12px;
                    text-align: center;
                    cursor: pointer;
                    user-select: none;
                }
                &>.a {
                    background: #FFF4D7;
                    color: #F7B500; 
                }
                &>.b {
                    background: #F4F6FA;
                    color: #707481;
                }
            } 
            &>li:nth-of-type(4) {
                width: 345px;
                height: 36px;
                margin-top: 20px;
            } 
            &>li:nth-of-type(5) {
                width: 345px;
                height: 36px;
                margin-top: 20px;
            } 
            &>li:nth-of-type(6) {
                width: 345px;
                height: 36px;
                margin-top: 40px;
                display: flex;
                align-items: center;
                &>p {
                    font-size: 14px;
                    &>span {
                        color: #8479E3;
                        letter-spacing: 0;
                        line-height: 14px;
                        cursor: pointer;
                        &:hover {
                            text-decoration: underline
                        }
                        /* text-decoration: underline */
                    }
                }
            } 
            &>li:nth-of-type(7) {
                width: 345px;
                height: 36px;
                margin-top: 20px;
            } 
            &>li:nth-of-type(8) {
                width: 345px;
                height: 36px;
                margin-top: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                &>p {
                    font-size: 14px;
                    .aa {
                        color: #8479E3;
                        letter-spacing: 0;
                        line-height: 14px;
                        cursor: pointer;
                        font-weight: bold;
                        text-decoration: none;
                        /* &:hover {
                            text-decoration: underline;
                        } */
                    }
                    .aa:hover {
                        text-decoration: underline;
                    }
                }
            } 
        }
        &>div:nth-of-type(1) {
            width: 563px;
            height: 375px;
            overflow: hidden;
            &>img {
                width: 543px;
                height: 375px;
                margin-left: 20px;
            }
        }
    }
    &>div:nth-of-type(3) {
        &>p {
            font-size: 14px;
            color: #B4B4B4;
            letter-spacing: 0;
            text-align: center;
            line-height: 14px;
        }
    }
   
}